﻿body,p,ul,li,img{ margin: 0;padding:0 }
li{list-style: none;display: inline-block}
a{  text-decoration: none!important }
body{ font-family: "微软雅黑";}
$font-size:15px;
$color:#fff;
.padding{padding: 2%}
.width{width: 1200px}
.width-bai{width: 100%}
.margin{margin: auto}
.margin-top{margin-top: 850px}
.icon{ background: url("/assets/images/icon.png");  }
#topNav{
  &>.topNavigation{
    width: 100%;
    position: fixed;
    z-index: 9999999;
    background: url("/assets/images/navbgd.png");
    display: none;
    &>.nav{
      width: 1200px;
      margin: auto;
      &>img{
        float: left;
      }
      &>ul{
        float: right;
        &>li{
          width: 120px;
          text-align: center;
          height: 50px;
          line-height: 50px;
        }
      }
    }
  }
  &>.width{
    position: relative;
    z-index: 99999;
    &>.navigation{
      overflow: hidden;
      margin-bottom: 40px;
      &>img{
        margin-left: 200px;
        float: left;
      }
      &>ul{
        border: 1px solid #000000;
        border-top:none;
        height: 50px;
        float: right;
        &>li {
          text-align: center;
          margin-top: 12px;
          border-right: 1px solid;
          padding-left: 20px;
          padding-right: 20px;
          & > a {
            font-size: $font-size;
            display: inline-block;
            height: 24px;
          }
          &> a:hover {
            color: #d58512;
            border-bottom: 1px solid #d58512;
          }
        }
        &>.last{
          border-right: none;
        }
      }
    }
    &>.navigation2{
      font-size: 16px;
      &>ul{
        &>li{
          width: 165px;
          text-align: center;
          height: 50px;
          &>a{
            height: 24px;
            display: inline-block;
          }
          &>a:hover{
           border-bottom: 1px solid #2e6da4;
          }
        }
      }
    }
  }
  &>.title{
    &>.navigation_content{
      width: 100%;
      height: 200px;
      background: #000000;
      display: none;
      position: absolute;
      z-index: 999999;
      &>.width{
        overflow: hidden;
        &>.left{
          color: #ffffff;
          width: 350px;
          float: left;
          &>h4{
            margin-bottom: 30px;
            margin-top: 30px;
          }
          &>P{
            line-height: 35px;
          }
        }
        &>.right{
          float: right;
          width: 400px;
          margin-top: 50px;
          &>ul{
            &>li{
              width: 180px;
              border-bottom: 1px dashed ;
              &>span{
                border: 4px solid transparent;
                border-left: 6px solid #63C5FF;
                display: inline-block;
              }
              &>a{

              }
            }
            &>.left{
              margin-left: 15px;
            }
          }
          &>.bottom{
            margin-top: 30px;
          }
        }
      }
    }
  }
}
//*************banner插件*****************************//////////////////////
.banner-container{
  position: absolute!important;
  top:0;
  width: 100%;
  &>.swiper-wrapper{
    &>.banner{
      &>a{
        &>.png_2{
          position: absolute;
          top: 0;
          right: 0;
          height: 800px;
        }
      }
    }
    &>.banner2{
      position: relative;
      &>a{
        &>.png_1{
          position: absolute;
          top: 0;
          left: -100px;
        }
      }
    }
  }
  &>.banner-pagination{
    position: absolute;
    top:80%;
    left:50% !important;
    z-index: 9999999;
    &>span{
      border-radius: 0!important;
      transform: rotate(45deg);
      border: 3px solid #000;
      outline: #fff solid 1px;
      width: 15px;
      height: 15px;
      background: #fff;
      margin-left: 15px!important;
    }
  }
}
//*************banner插件*****************************//////////////////////

//*************content中间部分*****************************//////////////////////
#content{
  &>.text-center{
    &>.title{
      &>.icon_border{
        width: 110px;
        height: 3px;
        background-position: -38px -882px;
        position: relative;
        top: -3px;
        display: inline-block;
      }
      &>.icon_border:last-child{
        transform: rotate(180deg);
      }
    }
    &>.clearfix{
      margin: 50px 0 80px;
      &>li{
        display: inline-block;
        width: 24.5%;
        padding: 50px 35px;
      }
      &>.text-center{
        &>.img{
          &>.icon_choice1{
            width: 83px;
            height: 97px;
            background-position: -766px -17px;
            display: inline-block;
          }
          &>.icon_choice2{
            background-position: -855px -15px!important;
          }
          &>.icon_choice3{
            background-position: -772px -120px;
          }
          &>.icon_choice4{
            background-position: -862px -119px;
          }
        }
      }
      &>.text-center{
        .icon{
          width: 83px;
          height: 97px;
          background-position: -766px -17px;
          display: inline-block;
        }
      }
    }
  }
}
//*************content中间部分*****************************//////////////////////
@media all and (max-width: 768px)  {
  .text-center{
    width: 100%!important;
    &>.clearfix{
      width: 100%!important;
      &>li{
        width: 100%!important;
        &>.text1{
          text-align: right;
          margin-bottom: 10px;
          margin-right: 25px;
        }
        &>.text2{
          text-align:left;
        }
        &>.text3{
          text-align:right;
          margin-bottom: 10px;
          margin-right: 25px;
        }
        &>.text4{
          text-align:left;
        }
        &>p{
          width: 45%;
         display: inline-block;
        }
      }
    }
  }
}
